<template>
    <drawer ref="drawer" @cancel="cancel" :show="show" @close="show = false" @confirm="confirm" :showCancle="false" :title="title" :showTitle="false" :showBtns="false">
        <view class="alias-list">
            <view class="alias-item">
                <view class="alias-item-label">
                    项目别名<text>(使用单位对电梯所属项目的命名)</text>
                </view>
                <view class="alias-item-content">{{options.buildingAlias||'无'}}</view>
            </view>

            <view class="alias-item">
                <view class="alias-item-label">
                    电梯别名<text>(使用单位对该电梯的命名)</text>
                </view>
                <view class="alias-item-content">{{options.elevatorAlias||'无'}}</view>
            </view>
        </view>
    </drawer>
</template>
<script>
import drawer from '@/components/filter-drawer/drawer.vue';
export default {
	components: { drawer },
	props: {
		title: {
			type: String,
			default: '别名'
		},

	},
	data() {
		return {
			options:{
                
			},
			show:false,
		};
	},
	methods: {
		open(options) {
			this.options = options;
			this.show = true;
		},

		confirm() {
			this.show = false;
		},

		cancel() {
			this.show = false;
		},
	}
};

</script>
<style lang="scss" scoped>
.alias-list {
    width: 100%;
    padding-bottom: 60rpx;

    .alias-item {
        padding: 18rpx 40rpx;
        color: #333;
        border-bottom: 1px solid #eee;

        &-label {
            font-size: 32rpx;
            font-weight: bold;
            margin-bottom: 18rpx;

            text {
                font-size: 28rpx;
                color: #999;
                font-weight: normal;
                margin-left: 8rpx;
            }

        }

        &-content{
            font-size: 28rpx;
        }
    }
    .alias-item:last-child{
        border: none;
    }
}
</style>